<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>配送订单下-新增取货地点</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style>
			body{
    		position: relative;
	    	}
	    	#content>header{
	    		background-color: #23CAD0;
	    		height: 80px;
	    	}
	    	#content>header a span{
	    		line-height: 60px;
	    		font-size: 50px;
	    	}
	    	#content>header h1{
	    		font-weight: bold;
	    		color: white;
	    		font-size: 30px;
	    		line-height: 80px;
	    	}
	    	
	    	#content>#heard>header{
	    		position: absolute;
	    		top: 80px;
	    	}
	    	#content>#heard{
	    		position: relative;
	    	}
	    	#content>#heard>header>a:nth-of-type(1) span{
	    		font-size: 40px;
	    		color: orange;
	    		line-height: 25px;
	    	}
	    	#content>#heard>header>a:nth-of-type(2){
	    		position: absolute;
	    		right: 5%;
	    		color: black;
	    	}
		</style>
	</head>

	<body>
		<div id="content">
			<header class="mui-bar mui-bar-nav">
				<a><span class="mui-icon mui-icon-back" style="color: white;"></span></a>
				<h1 class="mui-title">袋鼠捎货</h1>
			</header>
			<div id="heard">
				<header class="mui-bar mui-bar-nav">
					<a><span class="mui-icon mui-icon-person"></span></a>
				   	<a><span>万邦国际农产品中心</span><span class="mui-icon mui-icon-arrowdown"></span></a>
				</header>
			</div>
			
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>